// 调试脚本 - 检查API列表加载问题
$(document).ready(function() {
    console.log('调试脚本已加载');
    
    // 检查必要的函数是否定义
    console.log('loadApiList函数定义:', typeof loadApiList);
    console.log('renderApiList函数定义:', typeof renderApiList);
    console.log('showToast函数定义:', typeof showToast);
    console.log('toastr定义:', typeof toastr);
    
    // 检查新增场景按钮事件
    $(document).on('click', '#add-scene-btn', function() {
        console.log('新增场景按钮被点击');
        
        // 手动调用loadApiList并添加调试信息
        console.log('开始加载API列表...');
        
        $.ajax({
            url: '/api/data',
            method: 'GET',
            data: { per_page: 1000 },
            success: function(response) {
                console.log('API列表加载成功:', response);
                console.log('API数量:', response.apis ? response.apis.length : 0);
                
                if (response.apis && response.apis.length > 0) {
                    console.log('第一个API:', response.apis[0]);
                }
                
                // 手动渲染API列表
                if (typeof renderApiList === 'function') {
                    renderApiList(response.apis);
                    console.log('API列表渲染完成');
                } else {
                    console.error('renderApiList函数未定义');
                }
            },
            error: function(error) {
                console.error('API列表加载失败:', error);
                console.error('错误状态:', error.status);
                console.error('错误信息:', error.statusText);
                
                if (typeof showToast === 'function') {
                    showToast('error', '加载API列表失败: ' + error.status + ' ' + error.statusText);
                } else {
                    alert('加载API列表失败: ' + error.status + ' ' + error.statusText);
                }
            }
        });
    });
    
    // 重写renderApiList函数以添加调试信息
    if (typeof renderApiList === 'function') {
        const originalRenderApiList = renderApiList;
        renderApiList = function(apis) {
            console.log('renderApiList被调用，API数量:', apis.length);
            console.log('目标元素存在:', $('#api-list').length > 0);
            
            if ($('#api-list').length === 0) {
                console.error('API列表容器未找到');
                return;
            }
            
            originalRenderApiList(apis);
            console.log('API列表渲染完成，最终HTML长度:', $('#api-list').html().length);
        };
    }
});